<template>
  <!--背景轮播-->
  <Images></Images>
  <!-- 品牌 -->
  <Brand></Brand>
  <!--  <div class="bg">-->
  <!--    <div class="main-container mt">-->
  <!--      <div class="left-container" :class="app.sideFlag ? 'test' : ''">-->
  <!--        &lt;!&ndash; 说说 &ndash;&gt;-->
  <!--        <TalkSwiper></TalkSwiper>-->
  <!--        &lt;!&ndash; 推荐文章 &ndash;&gt;-->
  <!--        <Recommend></Recommend>-->
  <!--        &lt;!&ndash; 文章列表 &ndash;&gt;-->
  <!--        <ArticleItem></ArticleItem>-->
  <!--      </div>-->
  <!--      <SideBar class="right-container" :class="app.sideFlag ? 'temp' : ''"></SideBar>-->
  <!--    </div>-->
  <!--  </div>-->
</template>

<script setup lang="ts">
import useStore from "@/store";
import Brand from "./Brand/index.vue";
import Images from "./Swiper/Images.vue";

const {app} = useStore();
</script>

<style lang="scss" scoped>
.mt {
  margin-top: 1rem;
  padding-bottom: 1.75rem;
}
</style>
